<h2>rotator.js</h2>
<p>Creates a set of 'rotating' elements, which are cyclically displayed in an infinite fashion (1, 2, 3, 1, 2 ...).</p>
<hr/>

<h3>Objects</h3>
<ul>
	<li><a href="#rotator">OAT.Rotator(panelX, panelY, paramsObj, callback)</a></li>
</ul>


<h3>Methods</h3>
<ul>
	<li><a href="#addpanel">OAT.Rotator.addPanel(element)</a></li>
	<li><a href="#start">OAT.Rotator.start()</a></li>
</ul>

<h3>Constants</h3>
<ul>
	<li>OAT.RotatorData.TYPE_LEFT</li>
	<li>OAT.RotatorData.TYPE_RIGHT</li>
	<li>OAT.RotatorData.TYPE_BOTTOM</li>
	<li>OAT.RotatorData.TYPE_TOP</li>
</ul>

<h3>CSS classes</h3>
<ul>
	<li>.rotator</li>
</ul>

<hr/>

<h3><a name="rotator">OAT.Rotator(panelX, panelY, paramsObj, callback)</a></h3>
<p>Creates the Rotator object. Its elements will have width of <em>panelX</em> and height of <em>panelY</em>. 
<em>Callback</em> will be executed every time rotation pauses. Argument <em>paramsObj</em> is an object of the following properties:</p>
<ul>
	<li>delay - rotation speed</li>
	<li>step - animation smoothness</li>
	<li>numLeft - how many elements should be rotated before shifting the first one to the end</li>
	<li>pause - delay after one animation round</li>
	<li>type - constant, specifies an animation direction</li>
</ul>

<h3><a name="addpanel">OAT.Rotator.addPanel(element)</a></h3>
<p>Adds a new <em>element</em> to rotating set.

<h3><a name="start">OAT.Rotator.start()</a></h3>
<p>Starts the rotation process.</p>

<p class="code">
var r = new OAT.Rotator(200, 200, {type:OAT.Rotator.TYPE_RIGHT}, function(){});<br/>
r.addPanel("div1");<br/>
r.addPanel("div2");<br/>
r.addPanel("div3");<br/>
r.start();
</p>
